<div hint-msg hintdate="hintdate"></div>

<div class="paper-b m8 p16 bg-tran c-grey-d" ng-if="!isCultivation">
    <h4>小贴士</h4>
    <p class="fs12 pt8 pb16">购买家禽，让农场更加充实。</p>
    <div class="ta-r">
        <button ui-sref="activity.cultivation" class="btn bg-blue">购买家禽</button>
    </div>
</div>
<div class="paper-b m8" ng-repeat="animal in animals">
    <div class="flex-box">
        <div class="img-box h90 w90 mr16">
            <img src="./images/chick.jpg" alt="">
            <div class="id">编号：<span ng-bind="animal.fowlModel.fowlNo"></span></div>
            <div class="const-l tab-s bg-green" ng-bind="name_transfer(animal.fowlModel.fowlType)"></div>
            <!-- <p>生态鸡</p> -->
        </div>
        <div class="flex1 pr16">
            <table class="table table-condensed table-hover table-striped mtb8">
                <tbody>
                    <tr>
                        <td>代养日期</td>
                        <td ng-bind="date_transfer(animal.addTime)"></td>
                    </tr>
                    <tr>
                        <td>成长周期(天)</td>
                        <td ng-bind="animal.grownUpDay"></td>
                    </tr>
                    <tr>
                        <td>饲养费至</td>
                        <td ng-bind="date_transfer(animal.manageExpire)"></td>
                    </tr>
                </tbody>
            </table>
            <div class="ta-r pb8">
                <button class="btn-hollow c-green" ng-click="pay_manage(this.animal)">支付饲养费</button>
            </div>
        </div>
    </div>
</div>
<div btm-pay paydata="paydata"></div>
<style>
.img-box {
    position: relative;
    overflow: hidden;
}

.img-box>p {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 4px 0 4px 0;
    text-align: center;
    color: #fff;
    background-color: #000;
    opacity: 0.5;
}

.img-box>img {
    height: 100%;
}

.tab-s {
    color: #fff;
    padding: 1px 4px 1px 4px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.const-l {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
}

.const-r-b{
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 2px;
}

.id{
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color:#fff;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
</style>
